
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,
      maximum-scale=1">
    <title>测试 - layui</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <script
      src="https://files.chaosw.com/backend/agency-mgr/assets/libs/jquery/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
  </head>

  <body>
    <div class="content">
      <div class="layui-card">
        <div class="layui-card-body">
          <!-- 头部 -->
          <div class="layui-searchBox cf">
            <form class="layui-form fl" action="">
              <div class="layui-input-inline">
                <select name="quiz1">
                  <!-- selected=""  表示默认选中 -->
                  <option value="">考试项目</option>
                  <option value="0">二级建造师</option>
                  <option value="1">消防工程师</option>
                  <option value="2">营养师</option>
                </select>
              </div>
              <div class="layui-input-inline" style="width: 120px;">
                <select name="quiz2">
                  <!-- selected=""  表示默认选中 -->
                  <option value="">班级名称</option>
                  <option value="0">大班</option>
                  <option value="1">中班</option>
                  <option value="2">小班</option>
                </select>
              </div>
              <div class="layui-input-inline" style="width: 120px;">
                <select name="quiz3">
                  <!-- selected=""  表示默认选中 -->
                  <option value="">教师名称</option>
                  <option value="0">张老师</option>
                  <option value="1">李老师</option>
                  <option value="2">刘老师</option>
                </select>
              </div>
            </form>
            <div class="fr">
              <div class="layui-input-inline" style="text-align: right;">
                <button class="layui-btn layui-btn-normal" id="Qrcode">生成直播海报</button>
              </div>
            </div>

          </div>

          <div class="layuiBox">
            <div class="layui-rowBox cf">
              <div class="layui-form pmr20 fl">
                <div class="layui-input-inline choseDD">
                  <button class="layui-btn layui-btn-primary editBtn"
                    id="today">日</button>
                </div>
                <div class="layui-input-inline choseDD">
                  <button class="layui-btn layui-btn-primary editBtn sel"
                    id="week">周</button>
                </div>
                <div class="layui-input-inline choseDD">
                  <button class="layui-btn layui-btn-primary editBtn"
                    id="month">月</button>
                </div>
                <div class="layui-inline" style="padding:0 20px;">
                  <div class="layui-input-inline">
                    <button type="button" id="WeekleftBtn" class="layui-btn
                      moreLBtn
                      layui-btn-primary"><i class="layui-icon"></i></button>
                  </div>
                  <div class="layui-input-inline">
                    <p class="toDay" id="test1"></p>
                  </div>
                  <div class="layui-input-inline">
                    <button type="button" id="WeekrightBtn" class="layui-btn
                      moreRBtn
                      layui-btn-primary"><i class="layui-icon"></i></button>
                  </div>
                </div>
                <div class="layui-input-inline choseNowMonth">
                  <button class="layui-btn layui-btn-primary MontheditBtn"
                    id="nowMonth">本月</button>
                </div>
              </div>
              <div class="layui-form fr">
                <div class="classMore">共 <span>10</span>节课程 </div>
              </div>
            </div>
            <!-- 日历内容 -->
            <div class="main">
              <div id="calendar">
                <div class="calendarBoxCont">
                  <!-- 月数据 -->
                  <div id="calendarMonth" class="vueBox">
                    <div class="plan-finish-calendar">
                      <div class="calendar">
                        <!-- 星期 -->
                        <ul class="weekdays cf">
                          <li>周日</li>
                          <li>周一</li>
                          <li>周二</li>
                          <li>周三</li>
                          <li>周四</li>
                          <li>周五</li>
                          <li>周六</li>
                        </ul>
                        <!-- 日期 -->
                        <ul class="days cf bottom-line">
                          <li v-for="day in days">
                            <!--本月已签到日期-->
                            <span :day="day.day"
                              :class="['day-li',day.isChecked?'day-checked':'']">
                              <span
                                :class="['day-span',day.isSign?'day-sign':'',day.day.getMonth()+1
                                !==
                                currentMonth?'other':'',day.isSigned?'day-signed':'']"
                                v-text="day.day.getDate()"></span>
                            </span>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                  <!-- 周日历 -->
                  <div id="calendarWeek"></div>
                  <!-- 日数据 -->
                  <div id="DayContentBox">
                    <div class="dayInfo_box">
                      周二(04月27日)
                    </div>
                    <div class="dayInfo_body cf">

                    </div>
                  </div>

                </div>
              </div>
            </div>
          </div>
          <!-- 引入 layui.js 的 <script> 标签最好放置在 html 末尾 -->
          <script src="layui/layui.js"></script>
        </div>
      </div>
      <script>

  </script>
    </body>

  </html>
